<template>
    <div class="common-layout">
      <el-container>
        <el-aside class="Aside":width="aaa ? '64px':'200px'">
          <Menu @is-collapse="isCollapse"></Menu>
        </el-aside>
        <el-container class="right">
          <!-- <el-header class="Header">Header111</el-header> -->
          <el-main class="Main">
            <TabsLayout></TabsLayout>
          </el-main>
        </el-container>
      </el-container>
    </div>
  </template>

<script setup>
import Menu from '@/components/navMenu/Menu.vue'
import TabsLayout from "./TabsLayout.vue"
import { ref } from 'vue'
let aaa = ref()
let isCollapse = (val)=>{  
  aaa.value =val
}

</script>

<style lang="less" scoped>

// .Aside{
//     height: 100vh;;
//     box-shadow: 10px 0 8px -2px rgba(0, 0, 0, 0.2);
//     background-color: white
// }
// .right{
//     .Header{
//         padding: 0 !important// 清除默认样式 
//     }
//     .Main{
//         height: 80vh;
//         overflow: auto;
//     }
// }
</style>